<!DOCTYPE html>
<html>
<head>
    <title>Example 3 - Pjax</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="/icons/3.ico">
    <link rel="stylesheet" type="text/css" href="assets/pjax.css" data-pjax-resource="true">
    <script src="assets/pjax.js" data-pjax-resource="true"></script>
    <script data-pjax-resource="true">
    Pjax.start();
    </script>
    <style type="text/css">
    #notice {
        background-color: #188abd;
        color: #fff;
        padding: 5px 15px;
    }
    </style>
</head>
<body>

    <script type="text/javascript">
    if (!Pjax.supported) {
        document.write('<div id="notice">');
        document.write('<p>Your browser don\'t support Pjax, using normal navigation</p>');
        document.write('</div>');
    }
    </script>

    <ul>
        <li><a href="./"><strong>Home</strong></a></li>
        <li><a target="_blank" href="./">Home (target="_blank")</a></li>
        <li><a href="example-1.html"><strong>Example 1</strong> xyz</a></li>
        <li><a href="example-2.html">Example 2</a></li>
        <li>
            <a href="example-3.html" data-pjax-done="console.info('done', this);">
                Example 3 (set event with <code>data-pjax-done</code> attribute)
            </a>
        </li>
        <li>
            <a href="example-3.1.html" data-pjax-fail="console.error('fail', this);">
                Not Found (set event with <code>data-pjax-fail</code> attribute)
            </a>
        </li>
        <li><a href="example-3.html" target="foobar">Example 3 (target="foobar")</a></li>
        <li><a href="example-4.html" target="foobar">Example 4 (target="foobar")</a></li>
        <li><a href="example-5.html" target="foobar">Example 5 (target="foobar")</a></li>
        <li><a href="https://github.com/brcontainer/pjax.js/">External (without target)</a></li>
        <li><a target="_blank" href="https://github.com/brcontainer/pjax.js/issues">External (target="_blank")</a></li>
        <li><a href="example-5.html" data-pjax-ignore="true">data-pjax-ignore attribute</a></li>
        <li><a href="empty.html">empty page</a></li>
        <li><a href="redirect.html">Redirect only front-page</a></li>
        <li><a href="javascript:void(console.log('Pjax', new Date))">href="javascript:"</a></li>
    </ul>
    <div id="pjax-container">
        <h1>Example 3</h1>

        <p>Sed ligula neque, accumsan congue nisl eget, mollis mattis nibh. Donec felis velit, convallis eu velit nec, laoreet viverra eros. Nam sed lacus lobortis, viverra sapien quis, vehicula libero. Fusce faucibus consectetur nulla, ut consectetur massa pulvinar et. Suspendisse et nisi eu purus finibus euismod sit amet et mauris. Nam euismod risus consectetur pulvinar condimentum. Etiam sit amet nunc eu dolor fringilla molestie. Vivamus in urna porttitor, molestie justo vulputate, aliquam ipsum. Praesent vitae nunc ut nisl congue congue eget at arcu. Cras eu lacus vel enim commodo sollicitudin et ac neque. In hac habitasse platea dictumst. Sed massa metus, volutpat sit amet urna aliquam, porttitor dictum metus. Mauris convallis viverra metus, id pulvinar ante consequat et. Praesent orci est, tincidunt vitae velit vitae, facilisis faucibus metus.</p>

        <p>Nullam scelerisque odio at ipsum lacinia aliquam. Donec odio ex, placerat id quam a, faucibus scelerisque magna. Suspendisse sed urna quam. Morbi maximus feugiat sem, quis volutpat diam tempus et. Mauris nec mauris quis odio suscipit tempor efficitur sit amet magna. Nam finibus pulvinar mattis. Vestibulum eros ex, pretium ut ex vitae, hendrerit venenatis neque. Duis ut tortor dolor. Aliquam faucibus ultrices purus, blandit lacinia magna accumsan eget. Integer tincidunt tristique arcu quis ullamcorper. Proin gravida enim ut erat fermentum, in fringilla turpis eleifend.</p>

        <p>Nulla facilisi. Mauris egestas sapien eget tellus feugiat, at pulvinar diam mattis. Cras imperdiet, sapien vel lacinia cursus, lorem nibh bibendum lacus, et elementum urna enim vitae augue. Mauris ultrices arcu nec enim cursus fringilla. Donec varius tempor mi ut eleifend. Nulla hendrerit enim nisi, eget rutrum mi rhoncus non. Suspendisse potenti. Sed condimentum dolor sagittis, pretium est vel, consequat sapien. Vivamus vulputate scelerisque mattis.</p>

        <p>Vivamus elementum cursus iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec iaculis purus at dignissim finibus. Vivamus elit nisi, tempus vel leo eu, laoreet elementum nulla. Cras facilisis turpis id eleifend tincidunt. Vestibulum lobortis non sem ut rhoncus. Etiam egestas lacus id euismod tristique. Donec ut orci euismod, pulvinar leo in, sagittis turpis. Donec mollis tortor eget euismod lobortis.</p>

        <p>Morbi interdum ipsum ut ornare efficitur. Phasellus aliquam maximus orci nec varius. Nullam eget feugiat justo, vitae lacinia nisl. Morbi feugiat nisl at augue placerat tincidunt eget quis sapien. Integer venenatis orci eu ante laoreet, eu consectetur massa accumsan. Aenean fermentum quam eu lectus aliquam cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus elementum venenatis lacus, dictum scelerisque dui accumsan vitae. Aliquam a luctus dui.</p>

        <p>Nulla facilisi. Mauris egestas sapien eget tellus feugiat, at pulvinar diam mattis. Cras imperdiet, sapien vel lacinia cursus, lorem nibh bibendum lacus, et elementum urna enim vitae augue. Mauris ultrices arcu nec enim cursus fringilla. Donec varius tempor mi ut eleifend. Nulla hendrerit enim nisi, eget rutrum mi rhoncus non. Suspendisse potenti. Sed condimentum dolor sagittis, pretium est vel, consequat sapien. Vivamus vulputate scelerisque mattis.</p>

        <p>Vivamus elementum cursus iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec iaculis purus at dignissim finibus. Vivamus elit nisi, tempus vel leo eu, laoreet elementum nulla. Cras facilisis turpis id eleifend tincidunt. Vestibulum lobortis non sem ut rhoncus. Etiam egestas lacus id euismod tristique. Donec ut orci euismod, pulvinar leo in, sagittis turpis. Donec mollis tortor eget euismod lobortis.</p>

        <p>Morbi interdum ipsum ut ornare efficitur. Phasellus aliquam maximus orci nec varius. Nullam eget feugiat justo, vitae lacinia nisl. Morbi feugiat nisl at augue placerat tincidunt eget quis sapien. Integer venenatis orci eu ante laoreet, eu consectetur massa accumsan. Aenean fermentum quam eu lectus aliquam cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus elementum venenatis lacus, dictum scelerisque dui accumsan vitae. Aliquam a luctus dui.</p>
    </div>
</body>
</html>
